<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ include file="../commons/res/taglibs.jsp" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Acf2Java</title>
<script>var $$ctx = '${ctx}';var $$res = '${res}';var $$res_libs = '${res_libs}';var $$my = '${my}';</script>
<link rel="stylesheet" href="${res_libs}/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="${my}/css/dashboard.css">
<style type="text/css">

</style>
</head>
<body style="padding-top: 50px">
<nav class="navbar navbar-fixed-top">
  <div class="container-fluid">
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a class="navbar-brand" href="#">Project name</a>
    </div>
    <div id="navbar" class="navbar-collapse collapse">
      <ul class="nav navbar-nav navbar-right">
        <li><a href="#">Dashboard</a></li>
        <li><a href="#">Settings</a></li>
        <li><a href="#">Profile</a></li>
        <li><a href="#">Help</a></li>
      </ul>
      <form class="navbar-form navbar-right">
        <input type="text" class="form-control" placeholder="Search...">
      </form>
    </div>
  </div>
</nav>
<div class="container-fluid">
	<div class="row">
		<div id="sidebar" class="col-sm-3 col-md-2 sidebar">
			<button role="openDoc">打开文档</button>
		</div>
		<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
			<button role="test">test</button>

			<div id="document">
				<button role="documentEdit">documentEdit</button>
			</div>
		</div>
	</div>
</div>
<div id="msgBox" style="position: absolute;top: 100px;width: 100%">
	<div id="alert" class="alert alert-warning alert-danger" style="display: none;margin-bottom: 5px;">
	  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
	  <strong>Warning!</strong> Better check yourself, you're not looking too good.
	</div>
</div>

<script type="text/template" id="tpl">
	<ul id={-id}>
 	{_.forEach(data, function(item, i){} 
		<li>{-i}:{-item.name}</li>  
    {})}
</ul>

</script>
<script type="text/javascript" src="${res_libs}/jquery.min.js"></script>
<script type="text/javascript" src="${res_libs}/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="${res}/js/sea.js"></script>
<script type="text/javascript" src="${res}/js/seajs-text.js"></script>
<script type="text/javascript" src="${res}/js/underscore-min.js"></script>
<script type="text/javascript" src="${res}/js/backbone-min.js"></script>
<script type="text/javascript" src="${ctx}/static/my/js/sea-config.js"></script>
<script type="text/javascript" src="${my}/js/commons/channel.js"></script>
<script type="text/javascript">
	seajs.use($$ctx+"/static/my/js/backbone/app");
</script>
</body>
</html>